//
// Sass mixins to share with other .scss files.
//
// To use a mixin in this file, add this line to the top of your .scss file:
//   @import "mixins";
// Then to use a mixin for a particular rule, add this inside the ruleset's
// curly brackets:
//   @include mix-in-name;


// clearfix as defined by Drupal
@mixin clearfix {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  // IE6
  * html & {
    height: 1%;
  }
  // IE7
  *:first-child + html & {
    min-height: 1%;
  }
}

@mixin magic-border($offset: 1) {
  @include box-shadow(rgba(#fff, $offset) 0 0 0 1px inset);
}